#{extends 'content.html' /}
#{set title: '所有评论' /}
#{set comment :'active' /}
#{set user_name : usr.name /}
#{set user_img : usr.avatar/}
#{set user_post_cnt : usr.postCnt/}
#{set user_followers_cnt : usr.followersCnt/}
#{set user_following_cnt : usr.followingCnt/}
<br>
<h2>收到的评论</h2>
<hr>
<div>
    #{list items: comments, as: 'comment'}
    <div id="div${comment.id}">
        <img src="${comment.fromUsr.avatar}" style="width: 50px;height: 50px" >        
        <br>
        <!-- 收到的评论的内容 -->
        <div style="position: relative;left: 60px;top:-35px; width: 440px" >
            <p style=" float: left; color: #008aff">${comment.fromUsr.name}：</p>
            ${comment.content}
            <br>
            <br>
            来自微博：<p style="position: relative;left: 65px;top:-19px;color: #008aff">"${comment.post.content}"</p>       
            <p style="color: #008aff">${comment.date}</p>
        </div>
        <!-- 回复 -->
        <div class="accordion" id="accordion2">
            <div class="accordion-heading">
                <a style=" position: relative;left: 358px;top:-70px; width: 48px"   class="accordion-toggle" data-toggle="collapse" data-loaded="0" data-parent="#accordion2" data-postid="${comment.id}" href="#${comment.id}">
                    回复
                </a>
                <div style="width: 470px; position: relative;left: 60px;top:-62px" id="${comment.id}" class="accordion-body collapse">
                    <div class="accordion-inner   alert alert-info">
                        <form name="comment">
                            <input style="width: 375px;" type="text" class="span6" placeholder="请输入回复内容...">
                            <input style="position: relative;top:-5px" type="button" class="btn" value="回复"  data-postid="${comment.post.id}">
                        </form>  
                        <div id="com${comment.id}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr>
    #{/list} 
</div>


